<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" buffer="8kb"%>
<%@ taglib uri="http://www.vhypnus.com/e" prefix="e"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>页面设计</title>
	<link rel="stylesheet" type="text/css" href="../../easyui/themes/gray/easyui.css">
	<link rel="stylesheet" type="text/css" href="../../easyui/themes/icon.css">
	<script type="text/javascript" src="../../easyui/jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="../../easyui/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../../easyui/locale/easyui-lang-zh_CN.js"></script>
	<script type="text/javascript" src="generateJsp.js"></script>
	<script type="text/javascript" src="../../e/uuid.js"></script>
	<script type="text/javascript" src="../../e/eConstants.js"></script>
	

</head>
<body onload="initaction()">
		
		<div class="easyui-layout" data-options="fit:true">
		
		<div data-options="region:'center'">
			<div id="tt" data-options="fit:true">
					<div title="designer">
						<div class="easyui-layout" data-options="fit:true">
							<div data-options="region:'east',split:true" style="width:220px;">
								<div class="easyui-panel" title="properties" data-options="fit:true,border:false">
									<table id="pgd" class="easyui-propertygrid" style="width:100" data-options="
										showGroup: true,
										scrollbarSize: 0">
									</table>
								</div>
							</div>
							<div data-options="region:'center',border:true" style="padding:5px">
								<div id="tb" style="margin:5px 0;">
									<a href="javascript:void(0)" class="easyui-linkbutton" onclick="append()">append</a>
									<a href="javascript:void(0)" class="easyui-linkbutton" onclick="insert()">insert</a>
									<a href="javascript:void(0)" class="easyui-linkbutton" onclick="save()">accept</a>
									<a href="javascript:void(0)" class="easyui-linkbutton" onclick="remove()">delete</a>
									<a href="javascript:void(0)" class="easyui-linkbutton" onclick="generateHtml()">generate</a>
								</div>
								<table id="tg" class="easyui-treegrid" 
									data-options="
										fit:true,
										iconCls: 'icon-ok',
										rownumbers: true,
										animate: true,
										collapsible: true,
										fitColumns: true,
										idField: 'id',
										treeField: 'field',
										showFooter: true,
										onDblClickRow:dblClickAction,
										onContextMenu:contextAction,
										toolbar:'#tb'">
										<thead>
											<tr>
												<th data-options="field:'id',hidden:true"></th>
												<th data-options="field:'field',width:60,editor:{type:'text',options:{required:true}}">控件ID</th>
												<th data-options="field:'name',width:60,editor:'text'">控件名称</th>
												<th data-options="field:'edittet',width:60,editor:'text'">editor测试</th>
												<!-- --> <th data-options="field:'type',width:60,editor:{type:'combobox',options:{panelHeight:200,valueField:'value',textField:'name',filter:comboFilter}}">控件类型</th>
												<th data-options="field:'dataset',width:80,editor:'validatebox'">数据集</th>
												<th data-options="field:'options',hidden:true">data-options</th>
											</tr>
										</thead>
								</table>
							</div>
						</div>
					</div>
					<div title="preview" style="padding:10px">
						<span id="preDesigner"></span><br/>
					</div>
					<div title="code" style="padding:10px">
						<span id="preCode"></span><br/>
					</div>
			</div>
		</div>
	</div>
	

<%@include file="/tail.jsp"%>
</body>
</html>